<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="./index.css">
    <link rel="stylesheet" type="text/css" href="normalize.css">
    <script src="js/flexible.js"></script>
    <script src="js/index.js"></script>
    <title>Title</title>
</head>
<body>
    <div class="verification-container">
        <div class="verification-hd">
            <span class="verification-item"><i></i></span>
            <span class="verification-item verification-hd_name">实名认证</span>
        </div>
        <div class="verification-bd">
            <form method="post">
               <span class="verification-bd_equity">完成实名认证，享高额度转账、汇款等权益</span>
               <span class="verification-bd_information">
                    <label>姓名:</label>
                    <input type="text" value="李红" id="name" class="item">
                </span>
                <span class="verification-bd_information">
                    <label>身份证号:</label>
                    <input type="text" required="required" value="421087 19921013 0347" class="item" id="id_number">
                    <i id="empty"></i>
                </span>
                <span class="verification-bd_agreement">
                    <p class="verification-bd_true" id="btn-agree"><i id="agree"></i></p>
                    <p class="verification-bd_read">我已阅读并同意</p><p class="verification-bd_agree">《服务协议》</p>
                </span>
                <span class="verification-bd_next"><input type="button" value="下一步" id="btnNext"></span>
             </form>
        </div>
        <div class="verification-ft" id="number">
            <div><span>1</span><span class="verification-ft_middle">2</span><span>3</span></div>
            <div><span>4</span><span class="verification-ft_middle">5</span><span>6</span></div>
            <div><span>7</span><span class="verification-ft_middle">8</span><span>9</span></div>
            <div class="verification-ft_last"><span>X</span><span class="verification-ft_middle">0</span><span class="verification-ft_bg" id="clear"><i class="return"></i></span></div>
        </div>
        <!--成功提示框-->
        <div class="verification-success" id="success">
            <i></i>
            <span>已完成</span>
        </div>
        <!--失败提示框-->
        <div class="verification-dialog" id="fail">
            <div class="verification-dialog_window">
                <p class="verification-dialog_hd">错误</p>
                <p class="verification-dialog_bd">姓名或身份证输入有误，姓名或身份不能为空，请重新输入！</p>
                <p class="verification-dialog_ft">
                    <button id="btn_ok">确定</button>
                </p>
            </div>
        </div>
   </div>
</body>
</html>